.g-box{
    width: 1200px;
}
.head-inner{
    width: 1000px;
}
.matchImg{
    width: 100%;
}
.m-banner{
    min-width: 1200px;
}
.f1{
    overflow: hidden;
    padding: 0 85px;
}
.f1 li{
    float: left;
    width: 325px;
    height: 220px;
    border-radius: 5px;
}
.f1 li{
    text-align: center;
    box-shadow: 0px 0px 9px 1px #d4d4d4;
    margin: 5px 20px 5px 5px;
    box-sizing: border-box;
    position: relative;
}
.f1 li:nth-child(3){
    margin-right: 0
}
.f1 li img{
    padding-top:55px;
    padding-bottom:10px;
    transition:all 0.5s ease 0s;
    display: block;
    margin: 0 auto;
}
.f1 li:hover div{
    opacity: 0;
}
.f1 li div{
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: #fff;
    transition:all 0.8s ease 0s;
}
.f1 li h2{
    font-size: 18px;
    line-height: 40px;
}
.f1 li p{
    text-indent: 2em;
    padding: 0 24px;
    text-align: left;
    line-height: 23px;
}
.matchInfo li p{
    padding: 0 20px;
}
.f1 li:nth-child(1)>h2{
    padding-top: 16px;
}
.f1 li:nth-child(2)>h2{
    padding-top: 14px;
}
.f1 li:nth-child(3)>h2{
    padding-top: 12px;
}
.matchInfo li:nth-child(1)>h2{
    padding-top: 30px;
}
.matchInfo li:nth-child(2) p{
    text-indent: 0;
}
.matchInfo li:nth-child(2)>h2{
    padding-top: 5px;
}
.matchInfo li:nth-child(3)>h2{
    padding-top: 8px;
}
.f2{
    overflow: hidden;
    padding: 0 105px 50px;
    margin-top: -30px;
}
.f2 li{
    float: left;
    width: 212px;
    height: 290px;
    box-shadow: 0px 0px 9px 1px #d4d4d4;
    margin: 5px 25px 5px 5px;
    border-radius: 10px;
    text-align: center;
}
.f2 li p{
    line-height: 80px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}
.f2 li{
    margin-right: 165px;
}
.f2 li:nth-child(3){
    margin-right: 0px;
}
.f2 li div{
    line-height: 52px;
    border-bottom: 1px solid #e1e1e1
}
.f2 li:nth-child(1) p{
    background: #e94738;
}
.f2 li:nth-child(2) p{
    background: #fcd000;
}
.f2 li:nth-child(3) p{
    background: #595757;
}
.f2 li div:nth-child(5){
    border: none;
}
.f3{
    margin-top:-30px;
    line-height: 60px;
    text-align: center;
    color: #4f646a;
    opacity: 0.8;
    font-size: 18px;
    margin-bottom: 60px;
}
.f3-tt{
    padding-top: 0;
}
.btn-box, .com-btn{
    position: absolute;
    top: 80px;
    left: 10px;
}
.btn-box{
    right: 10px;
}
.com-btn .btn{
    width: 136px;
    line-height: 44px;
    color: #fff;
    background-color: #e94738;
    border-radius: 10px;
    position: absolute;
    left: 100px;
    top: 200px;
    text-align: center;
    cursor: pointer;
}
.btn-box .btn{
    width: 136px;
    line-height: 44px;
    color: #fff;
    background-color: #e94738;
    border-radius: 10px;
    position: absolute;
    right: 50px;
    top: 180px;
    text-align: center;
    cursor: pointer;
}
.pt0{
    padding-top: 0 !important;
}
.pt60{
    padding-bottom: 60px !important;
}
/*@media screen and (max-width: 1700px) {*/
    /*.btn-box .btn{*/
        /*right: 80px;*/
        /*top: 160px;*/
    /*}*/
    /*.com-btn .btn{*/
        /*left: 230px;*/
        /*top: 160px;*/
    /*}*/
/*}*/
/*@media screen and (max-width: 1600px) {*/
    /*.btn-box .btn{*/
        /*right: 165px;*/
        /*top: 130px;*/
    /*}*/
    /*.com-btn .btn{*/
        /*left: 230px;*/
        /*top: 160px;*/
    /*}*/
/*}*/
/*@media screen and (max-width: 1400px) {*/
    /*.btn-box .btn{*/
        /*right: 190px;*/
        /*top: 110px;*/
    /*}*/
    /*.com-btn .btn{*/
        /*left: 270px;*/
        /*top: 110px;*/
    /*}*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
    /*.btn-box .btn{*/
        /*right: 250px;*/
        /*top: 90px;*/
    /*}*/
    /*.com-btn .btn{*/
        /*left: 270px;*/
        /*top: 90px;*/
    /*}*/
/*}*/
